<template>
	<view class="box">
		<image src="../../static/computingPower/about.png" mode=""></image>
		<view class="content">
			<view class="itc">设备: <text class="type">HNT</text></view>
			<view class="statusAll">设备状态: <text class="status">即将到期</text></view>
		</view>
		<button type="default" @click="renew">立即续费</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				goodsId:''
			}
		},
		methods: {
			renew(){
				uni.navigateTo({
					url:'../sort-info/sort-info?id='+this.goodsId,
				})
			}
		},
		onLoad(res) {
			console.log(res.id);
			this.goodsId=res.id
		}
	}
</script>

<style scoped>
	.box{
		position: relative;
	}
image{
	width: 320rpx;
	height: 240rpx;
	position: absolute;
	left: 200rpx;
	top: 200rpx;
}
.content{
	width: 300rpx;
	height: 200rpx;
	margin: auto;
	text-align: center;
	padding-top: 560rpx;
}
.itc{
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 40rpx;
}
.type{
	color: #005FDB;
	padding-left: 20rpx;
}
.statusAll{
	color: #717171;
	text-align: left;
	margin: 20rpx 0;
}
.status{
	color: #FF945D;
	padding-left: 10rpx;
}
button{
	width: 86%;
	margin: auto;
	height: 80rpx;
	line-height: 80rpx;
	background-color: #207DFE;
	color: #FFFFFF;
	position: relative;
	top: 520rpx;
}
</style>
